<template>
  <router-view/>
</template>

<style>
:root {
  --primary: #1e3a8a;
  --primary-hover: #1e40af;
  --text: #1a1a1a;
  --text-light: #64748b;
  --text-muted: #94a3b8;
  --bg: #f7f9fc;
  --white: #ffffff;
  --border: #e2e8f0;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --card-bg: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

body::-webkit-scrollbar {
  width: 0.5rem;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 0.5rem;
}

body::-webkit-scrollbar-thumb {
  background: #3498db;
  border-radius: 0.5rem;
}

body::-webkit-scrollbar-thumb:hover {
  background: #2980b9;
}

.el-dialog.is-fullscreen::-webkit-scrollbar {
  width: 0.5rem;
}

.el-dialog.is-fullscreen::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 0.5rem;
}

.el-dialog.is-fullscreen::-webkit-scrollbar-thumb {
  background: #3498db;
  border-radius: 0.5rem;
}

.el-dialog.is-fullscreen::-webkit-scrollbar-thumb:hover {
  background: #2980b9;
}

.el-upload.el-upload--text {
  justify-content: left !important;
}

.md-editor-preview img {
  max-width: 50% !important;
}

div.default-theme img {
  margin: 0 !important;
}

.md-editor.md-editor-previewOnly {
  background-color: transparent !important;
  border: none !important;
}
</style>